﻿<UserControl x:Class="mal.WP7.Framework.Controls.BarChart"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        
        <Canvas x:Name="LayoutRoot" 
                Grid.Column="1" Grid.Row="0" />

        <Canvas x:Name="YAxis" Grid.Column="0" Grid.Row="0" />

        <Canvas x:Name="XAxis" Grid.Column="1" Grid.Row="1" />
        
        <Border Grid.Column="0" Grid.ColumnSpan="2"
                Grid.Row="1" 
            Height="2" Background="White" 
                VerticalAlignment="top" />

        <Border Grid.Column="0"
                Grid.RowSpan="2" Grid.Row="0"
            Width="2" Background="White"
                HorizontalAlignment="Right" />
        
        <Border Grid.Column="1" Grid.Row="0"
                x:Name="popupValue"
                 Background="{StaticResource PhoneChromeBrush}"
                Padding="5"
                Width="200" Height="60"
                CornerRadius="0,0,5,5"
                HorizontalAlignment="Left"
                VerticalAlignment="Top">
            <StackPanel>
                <TextBlock x:Name="xValue"  />
                <StackPanel Orientation="Horizontal">
                    <TextBlock x:Name="yAxisTitle" Foreground="Green" FontWeight="Bold"/>
                    <TextBlock x:Name="yValue" />
                </StackPanel>
            </StackPanel>
        </Border>
    </Grid>
</UserControl>
